$(function() {
    $('#loginBox a').on('click', function() {
        $('#loginBox').hide()
        $('#regBox').show()

    })
    $('#regBox a').on('click', function() {
            $('#regBox').hide()
            $('#loginBox').show()

        })
        // 正则校验
        // 将layui里的form赋值给form
    let form = layui.form
        // layui.form里面的verify()方法可以判断输入框里的值,
        // verify()方法里的参数是对象.属性名是校验规则，值是校验名称
        // 属性值有两种：（1）函数（2）数组
    form.verify({
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须是1-10位数字和字母'
        ],
        pwd: [/^[a-zA-Z0-9]{6,12}$/,
            '密码必须是6-12位数字和字母'
        ],
        // 函数的返回值会被layui接收到运行到页面上
        // 第一个函数是repwd 的value值，第二个参数是repwd的dom对象
        repwd: function(value, item) {
            let pwd = $('#regBox input[name=password]').val()
            if (pwd != value) {
                return '两次输入的结果不一样'
            }
        }
    })

    // 注册功能，传送数据
    let layer = layui.layer
    $('#formReg').on("submit", function(e) {
            // 阻止表单默认行为
            e.preventDefault()

            axios({
                url: '/api/reguser',
                method: 'POST',
                data: $(this).serialize()


            }).then(res => {
                //成功回调
                if (res.data.status != 0) {
                    //    如果注册不成功，就将服务器提示的文字，弹窗提示出来
                    return layer.msg(res.data.message)
                }
                //    提示框美化
                layer.msg('注册正确')
                    //    清空表单
                $('#formReg')[0].reset()
                    // 切换到登录界面
                $('#regBox a').click()
            });
        })
        // 登录功能：
    $('#formLogin').on("submit", function(e) {
        e.preventDefault()
        axios({
            url: '/api/login',
            method: 'POST',
            data: $(this).serialize()
        }).then(res => {
            // 解构的话不需要写data，不解构的话要写data
            if (res.data.status !== 0) {
                return layer.msg(res.data.message)
            }
            layer.msg('恭喜你，登录成功')
                // token:
            localStorage.setItem('token', res.data.token)
            setTimeout(function() {
                location.href = '/index.html';
            }, 1000)
        })

    })
})